<h1 mat-dialog-title>{{title | translate}}</h1>
<mat-dialog-content class="entity-job-dialog"
	ix-auto ix-auto-type="dialog" ix-auto-identifier="title">
	<div *ngIf="job && job.state == 'RUNNING'">
	    <mat-progress-bar class="example-margin"
			color="primary"
			mode="indeterminate"
			[value]="progressTotalPercent"
			bufferValue="bufferValue">
		</mat-progress-bar>
		<label *ngIf="!hideProgressValue">
			{{ progressTotalPercent | number: '1.2-2'}}%
		</label>
	</div>
    <div>
		<span *ngIf="description" [innerHTML]="description | translate"></span>
	</div>
	<div *ngIf="!description && !job">
		<mat-progress-bar class="example-margin"
			color="primary"
			mode="indeterminate">
		</mat-progress-bar>
	</div>
	<div *ngIf="!description">
		<span *ngIf="altMessage" [innerHTML]="altMessage"></span>
		<span *ngIf="!altMessage">{{ "Starting job..." | translate }}</span>
	</div>
</mat-dialog-content>
<div mat-dialog-actions *ngIf="showCloseButton || (job && job.state == 'FAILED')">
	<button mat-button mat-dialog-close="close"
		ix-auto ix-auto-type="button" ix-auto-identifier="CLOSE">{{"Close" | translate}}</button>
</div>
<div mat-dialog-actions *ngIf="showAbortButton || (job && job.state == 'RUNNING')">
	<button mat-button ix-auto ix-auto-type="button" ix-auto-identifier="ABORT" (click)="abortJob()">{{"Abort" | translate}}</button>
</div>
